<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.79.0">
    <title>qimo_py</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/carousel/" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">




    <!-- Bootstrap core CSS -->
<link href="../static/bootstrap.min.css" rel="stylesheet" >

    <!-- Favicons -->
<link rel="apple-touch-icon" href="https://getbootstrap.com/docs/5.0/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="https://getbootstrap.com/docs/5.0/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="https://getbootstrap.com/docs/5.0/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="../static/manifest.json">
<link rel="mask-icon" href="https://getbootstrap.com/docs/5.0/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="https://getbootstrap.com/docs/5.0/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


    <!-- Custom styles for this template -->
    <link href="../static/carousel.css" rel="stylesheet">
  </head>
<body>
<header>
  <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
    <div class="container-fluid">
      <a class="navbar-brand" href="#">郑师宇的期末项目</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav me-auto mb-2 mb-md-0">
          <li class="nav-item active">
            <a class="nav-link" aria-current="page" href="#">恭祝</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">牛年</a>
          </li>
          <li class="nav-item">
            <a class="nav-link " href="#" tabindex="-1" aria-disabled="true">大吉</a>
          </li>
        </ul>
        <form class="d-flex">
          <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
          <button class="btn btn-outline-success" type="submit">Search</button>
        </form>
      </div>
    </div>
  </nav>
</header>

<main>

  <div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
    <ol class="carousel-indicators">
      <li data-bs-target="#myCarousel" data-bs-slide-to="0" class="active"></li>
      <li data-bs-target="#myCarousel" data-bs-slide-to="1"></li>
      <li data-bs-target="#myCarousel" data-bs-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#f3e7e7"/></svg>

        <div class="container">
          <div class="carousel-caption text-start">
            <h1></h1>
            <p>尝试调用高德api吧</p>
            <p><a class="btn btn-lg btn-primary" href="https://lbs.amap.com/" role="button">试着调用吧</a></p>

          </div>
        </div>
      </div>
      <div class="carousel-item">
        <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#777"/></svg>

        <div class="container">
          <div class="carousel-caption">
            <h1>Another example headline.</h1>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#f3e7e7"/></svg>

        <div class="container">
          <div class="carousel-caption text-end">
            <h1>One more for good measure.</h1>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
          </div>
        </div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Previous</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Next</span>
    </a>
  </div>


  <!-- Marketing messaging and featurettes
  ================================================== -->
  <!-- Wrap the rest of the page in another container to center all the content. -->

  <div class="container marketing">

    <!-- Three columns of text below the carousel -->
<div class="row">
      <div class="col-lg-4">
        <img src="../static/images/1.jpeg" class="img-thumbnail" style="with: 140px;" alt="">
        <h2>逆地理编码转换</h2>
        <p>地理编码：将详细的结构化地址转换为高德经纬度坐标。且支持对地标性名胜景区、建筑物名称解析为高德经纬度坐标.</p>
        <p><a class="btn btn-primary" href="{{ url_for('entry_page_1') }}" type=button">体验一下吧 &raquo;</a></p>
      </div><!-- /.col-lg-4 -->
      <div class="col-lg-4">
         <img src="../static/images/2.jpeg" class="img-thumbnail" style="with: 140px;" alt="">
        <h2>步行路径规划</h2>
        <p>接口简介： 步行路径规划 API 可以规划100KM以内的步行通勤方案，并且返回通勤方案的数据。用户可以输入起点和终点可以就可。 </p>
        <p><a class="btn btn-primary" href="{{ url_for('entry_page_2') }}" role="button">体验一下吧 &raquo;</a></p>
      </div><!-- /.col-lg-4 -->
      <div class="col-lg-4">
          <img src="../static/images/3.jpeg" class="img-thumbnail" style="with: 140px;" alt="">
          <h2>周边搜索</h2>
        <p>周边搜索：只需提供地点，查看附近相关知名的、供您吃喝玩乐的地点.</p><br>
        <p><a class="btn btn-primary" href="{{ url_for('entry_page7') }}" role="button">体验一下吧&raquo;</a></p>

      </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->
      <div class="row">
      <div class="col-lg-4">
          <img src="../static/images/5.png" class="img-thumbnail" style="with: 140px;" alt="">
        <h2>公交路径规划 </h2>
        <p> 公交路径规划 API 可以规划综合各类公共（火车、公交、地铁）交通方式的通勤方案，用户可以输入起点和终点可以就可。</p>
        <p><a class="btn btn-primary" href="{{ url_for('entry_page3') }}" role="button">体验一下吧 &raquo;</a></p>
      </div><!-- /.col-lg-4 -->
      <div class="col-lg-4">
          <img src="../static/images/4.png" class="img-thumbnail" style="with: 140px;" alt="">
        <h2>驾车路径规划</h2>
        <p>驾车路径规划 API 可以规划以小客车、轿车通勤出行的方案，并且返回通勤方案的数据，用户可以输入起点和终点可以就可。</p>
        <p><a class="btn btn-primary" href="{{ url_for('entry_page4') }}" role="button">体验一下吧 &raquo;</a></p>
      </div><!-- /.col-lg-4 -->
      <div class="col-lg-4">
          <img src="../static/images/7.png" class="img-thumbnail" style="with:140px;" alt="">

        <h2>骑行路径规划</h2>
        <p>接口简介： 骑行路径规划用于规划骑行通勤方案，规划时不会考虑路况；考虑天桥、单行线、封路等情况。</p>
          <br>
        <p><a class="btn btn-primary" href="{{ url_for('entry_page5') }}" role="button">体验一下吧 &raquo;</a></p>
      </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->
      <div class="row">
      <div class="col-lg-4">
<img src="../static/images/8.png" class="img-thumbnail" style="with:140px;" alt="">
        <h2>货车路径规划</h2>
        <p>接口简介： 骑行路径规划用于规划骑行通勤方案，。用户需要输入起点，终点，车辆的大小高德此分类依据国标 1：微型车，2：轻型车（默认值），3：中型车，4：重型车</p>
        <p><a class="btn btn-primary" href="{{ url_for('entry_page6') }}" role="button">体验一下吧 &raquo;</a></p>
      </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->
    <script src="../static/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</body>
</html>
